<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_g4J7M0',
'img_HSMTY9'
"  ></cms:ads>
<div class="header-wrap top"> 
 <div class="header container flex align-center space-between"> 
  <div class="flex align-center"> 
   <img src="${img_g4J7M0.adImg}" class="logo zy" data-type="ad" data-id="${img_g4J7M0.adId}"> 
  </div> 
  <ul class="nav-wrap navWarp flex align-center">
   <c:forEach var="item" items="${pcNav }">
   <c:if test="${fn:contains(item.navUrl, 'http')}">
      <li class="${fn:length(item.childrenNav) >0 ? "nav-item navElement nav-item-hover" : "nav-item navElement"}">
      <a href="${item.navUrl }" data-type="nav" data-id="${item.navId }" class="navElement zy">${item.navName }</a>

       <c:if test="${fn:length(item.childrenNav) >0  }">
        <div class="nav-layout">
         <c:forEach var="childer" items="${item.childrenNav }">

          <c:if test="${fn:contains(childer.navUrl, 'http')}">
           <h3 class="nav-sub-item"><a href="${childer.navUrl}">${childer.navName }</a></h3>
          </c:if>

          <c:if test="${!fn:contains(childer.navUrl, 'http')}">
           <h3 class="nav-sub-item"><a href="${path }/${childer.navUrl}">${childer.navName }</a></h3>
          </c:if>

         </c:forEach>
        </div>
       </c:if>
      </li>
   </c:if>
     <c:if test="${!fn:contains(item.navUrl, 'http')}">
      <li class="${fn:length(item.childrenNav) >0 ? "nav-item navElement nav-item-hover" : "nav-item navElement"}">
      <a href="${path }/${item.navUrl }" data-type="nav" data-id="${item.navId }" class="navElement zy">${item.navName }</a>

       <c:if test="${fn:length(item.childrenNav) >0  }">
        <div class="nav-layout">
         <c:forEach var="childer" items="${item.childrenNav }">

          <c:if test="${fn:contains(childer.navUrl, 'http')}">
           <h3 class="nav-sub-item"><a href="${childer.navUrl}">${childer.navName }</a></h3>
          </c:if>

          <c:if test="${!fn:contains(childer.navUrl, 'http')}">
           <h3 class="nav-sub-item"><a href="${path }/${childer.navUrl}">${childer.navName }</a></h3>
          </c:if>

         </c:forEach>
        </div>
       </c:if>
      </li>
     </c:if>
   </c:forEach>
   <li class="nav-img navElement"><a href="${img_HSMTY9.adUrl}" class="color-black"><img src="${img_HSMTY9.adImg}" class="zy" data-type="ad" data-id="${img_HSMTY9.adId}">${img_HSMTY9.adTitle}</a></li>
  </ul> 
 </div> 
</div>